﻿<div class="mws-panel-header">
    <span class="mws-i-24 i-contract-tab">Contract Details</span>
</div>
<div id="wizard" class="mws-panel-body">
    <div class="mws-wizard clearfix">
        <ul>
            <li class="current">
                <a class="mws-ic-16 ic-step1" href="#1">Term</a>
            </li>
            <li>
                <a href="#" class="mws-ic-16 ic-step2">Review</a>
            </li>
            <li>
                <a class="mws-ic-16 ic-step3" href="#">Approval</a>
            </li>
        </ul>
    </div>
	<div id="step1">
		<form class="mws-form" id="form-1" action="form_elements.html">
            <div class="mws-form-row">
                <label>WYSIWYG</label>
                    <div class="mws-form-item">
                    <textarea id="elrte" cols="auto" rows="auto">
								  
			        </textarea>
                    </div>
                </div>
		        <div class="mws-button-row">
                <input type="submit" value="Prev" class="mws-button gray left" />
                <input type="submit" value="Next" class="mws-button green" />
            </div>
        </form>
	</div>
	<div id="step2" class="clear">
	    <form class="mws-form" id="form-2" action="form_layouts.html">
		    <div class="mws-form-cols clearfix">
			    <div class="mws-form-col-8-8 alpha">
				    <label>
					    <span class="mws-i-icon mws-ic-16 ic-error">Review th contract prior to sending for approval to ensure all data entered is correct. The contract will be sent to the cliente and people indicated below.</span></label>
			    </div>
			    <div class="mws-form-col-8-8 alpha">
				    <label>(Optional) Send a message with notes to the recipients</label>
				    <div class="mws-form-item large">
					    <textarea id="elrte" cols="auto" rows="auto"></textarea>
				    </div>
			    </div>
			    <div class="mws-form-row alpha">
				    <label>Notify People<br/></label>
				    <label>The people you select will receive an email message notifying them to review the contract.</label>
				    <div class="mws-form-item ">
					    <ul class="mws-form-list">
						    <li><input type="checkbox" /> <label>Marcos Ortega, Legal Director</label></li>
						    <li><input type="checkbox" /> <label>Jose Carlos Mendez, Finance Director</label></li>
						    <li><input type="checkbox" /> <label>Carlos Pena, Legal Sub-Director</label></li>
						    <li><input type="checkbox" /> <label>Mayrell Gonzales, Contract Manager</label></li>
					    </ul>
				    </div>
			    </div>
		    </div>
		    <div class="mws-button-row">
			    <input type="submit" value="Prev" class="mws-button green left" />
			    <input type="submit" value="Next" class="mws-button green" />
		    </div>
	    </form>
	</div>
	<div id="step3" class="clear">
	    <form class="mws-form" id="form-3" action="form_layouts.html">
		    <div class="mws-form-cols clearfix">
			    <div class="mws-form-col-8-8 clearfix">
				    <label>Please review the contract and click approve if all information is correct. </label>
				    <a href="#"><span class="mws-i-icon mws-i-24 i-pdf-icon">Download Contract in PDF</span></a>
				    <div class="mws-form-item large">
									
				    </div>
			    </div>
			    <div class="mws-form-col-8-8 clearfix">								
				    <div class="mws-form-item large">
					    <input type="submit" class="mws-button large green" value="Approve Contract" /><span style="margin-left: 1.1em;">Approved by Marcos J. Ortega March 10, 2012 5:25pm EST</span>
				    </div>
			    </div>
		    </div>
		    <div class="mws-button-row">
			    <input type="submit" value="Prev" class="mws-button green left" />
			    <input type="submit" value="Next" class="mws-button gray right" />
		    </div>
	    </form>
	</div>
</div>